<template>
  <div class="container">
    <div>
      <Logo />
      <h1 class="title">
        基于nuxt的第1个app - 在线课程
      </h1>
      <navigation-toolbar :userDetailInfo="{}" />

      <div class="course-step">
        <el-steps :active="2" align-center>
          <el-step title="步骤1" description="注册/登录"></el-step>
          <el-step title="步骤2" description="购买课程"></el-step>
          <el-step title="步骤3" description="在线学习"></el-step>
          <el-step title="步骤4" description="无限回放"></el-step>
        </el-steps>
      </div>

    </div>
  </div>
</template>

<script>
  import {getDemoinfo} from '@/api/demo'
  
  export default {
    asyncData({ params }) {
      // console.log(params)
      return getDemoinfo({}).then(res => {
        // console.log(res.data)
      }).catch(error => {
        console.log("error", error)
      })
    }
  }
</script>

<style>
  .course-step{
    margin-top: 30px;
    padding-top: 30px;
  }
</style>
